<template>
	<div>
		<!-- <div class="top" >
			<van-button icon="arrow-left" class="btn" @click="go()" style="border:0"/>
            <router-link to="/caipu"  class="cai" >菜谱分类</router-link>
            <router-link to="/yangsheng"  class="yang">美食养生</router-link>
		</div> -->
		
		<van-row type="flex" justify="space-between">
		  <van-col span="4"><van-button icon="arrow-left" class="btn" @click="go()" style="border:0"/></van-col>
		  <van-col span="7"> <router-link to="/caipu"  class="cai" >菜谱分类</router-link></van-col>
		  <van-col span="7"><router-link to="/yangsheng"  class="yang">美食养生</router-link></van-col>
		  <van-col span="1"></van-col>
		</van-row>
		
		
		 <van-search shape="round" :placeholder="valu" v-model="value"  input-align="center"/>
		<div class="van-hairline--bottom"></div>
		<div class="container">
		<router-view @parend="chid"></router-view>
		
		  
		</van-pull-refresh>
		</div>
	</div>
</template>

<script>
	
	export default{
		name:'Sort',
		data(){
			return{
				value:'',
				valu:'',
				 isLoading: false
			}
		},
		methods:{
			chid(msg){
				this.valu=msg
			},
			go(){
				this.$router.go(-1)
			}
		}
	}
</script>

<style>
	
	
	.cai{
		font-size:18px;color:rgba(77,76,76,1);height:42px;display:inline-block;
		line-height: 42px;
	}
	.yang{font-size:18px;color:rgba(77,76,76,1);height:42px;display:inline-block;line-height: 42px;}
	.router-link-active{
    border-bottom: 2px solid red;
}
</style>
